/*
* 该文件是整个项目的入口文件
*/
/*
	关于不同版本的Vue：
		1.vue.js 与 vue.runtime.xxx.js 的区别：
            (1).vue.js 是完整版的 Vue，包含：核心功能 + 模板解析器
            (2).vue.runtime.xxx.js 是运行版的 Vue，只包含：核心功能，没有模板解析器

		2.因为 vue.runtime.xxx.js 没有模板解析器，所以在 main.js 中创建 vm 的时候不能使用 template 配置项，需要使用
			render 函数接收到的 createElement 函数去指定具体内容
*/

// 引入 Vue
import Vue from 'vue'  // TODO 直接引入实际引入的是残缺版的 Vue，不包含模板解析器，不能使用 template 。完整版本的 Vue 引入方式：import Vue from 'vue/dist/vue.js'
// 引入 App 组件，是所有组件的父组件
import App from './App.vue'

Vue.config.productionTip = false

// 创建 Vue 实例对象 vm
new Vue({
  el: '#app',
  // 将 App 组件放入容器中
  render: h => h(App),
  // render: (createElement) => createElement(App)  // TODO 使用 render() 的目的就是当引入的是残缺版的 Vue 的时候，需要使用 render() 函数将 App 组件渲染到页面中

  // template: '<App></App>',
  // components: { App }
})